Description

Adds a tag filter to the search result page which can be used to filter the displayed search result by tags.

This was a bit more complicated than I anticipated, mainly because of 2 issues I encountered:

• The file list component's purpose was to simply display a search result, meaning the component could not trigger a search. Triggering a search was done by the parent component in the search app instead. With the filter now living inside the files component, I decided to changed this. The component in the files app now emits a search event to the parent component which eventually handles the search. This way, all the filter logic stays decoupled in the files list component.
• The filter chip's visual state can be changed by either interacting with the filter directly or by loading the page initially with given filter query params. On the search result page however, there is a third way to filter resources: by clicking a tag in the files list. The filter chip won't notice this change unless you tell the component to do so - which is why I exposed the method setSelectedItemsBasedOnQuery to its parent.

Related Issue

• Fixes [web] Add "Tags" filter Chip #9054

Screenshot

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests